<template>
  <div class="wrapper">
    <v-head></v-head>
    <v-sidebar></v-sidebar>
    <div class="content-box" :class="{'content-collapse':collapse}">
      <v-tags></v-tags>
      <div class="content">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<script>
//头部
import vHead from '@/components/Header';
//左侧菜单
import vSidebar from '@/components/Sidebar';
//tag标签
import vTags from '@/components/Tags';
//组件通训
import bus from '@/api/bus';

export default {
  data(){
    return {
      tagsList: [],
      collapse: false
    }
  },
  components:{
    vHead, vSidebar,vTags
  },
  created(){
    bus.$on('collapse', msg => {
      this.collapse = msg;
    })

    // 只有在标签页列表里的页面才使用keep-alive，即关闭标签之后就不保存到内存中了。
    bus.$on('tags', msg => {
      let arr = [];
      for(let i = 0, len = msg.length; i < len; i ++){
        msg[i].name && arr.push(msg[i].name);
      }
      this.tagsList = arr;
    })
  }
}
</script>
